<template>
    <div>
        <!-- 
            mixin(混合)
                功能: 可以把多个组件共用的配置提取成一个混入对象
                使用方式:
                    1. 第一步定义混合,例如:
                        {
                            data(){...},
                            methors:{...},
                            ...
                        }
                    2. 第二步使用混合,例如:
                        1.全局混入: Vue.mixin(xxx)
                        2.局部混入: mixins:['xxx']
         -->
        <h2 @click="showName">学生姓名:{{name}}</h2>
        <h2>学生性别:{{sex}}</h2>
    </div>
</template>
<script>
// 引入一个混合
// import {mixin, mixin2} from '../minx'
export default {
    name: 'StuStudent',
    data () {
        return {
            name: '2222',
            sex: '男',
            x: 666
        }
    },
    // mixins: [mixin, mixin2],
    mounted () {
        console.log('你好啊!!!!!!')
    }

}
</script>
<style>
/* //组件的样式 */
    /* .demo {
        background-color: orange;
    } */
</style>